footer {
    width: 100%;
    height: 116/46.9rem;
    background-color: #101115;
    border: 1/46.9rem solid #1E212E;
    position: fixed;
    bottom: 0;
    ul {
        width: 100%;
        height: 100%;
        display: flex;
        li {
            float: left;
            flex: 2.5;
            text-align: center;
            height: 100%;
            a {
                color: #fff;
                font-size: 22/46.9rem;
                    width: 100%;
                    height: 100%;
                    display: block;
            }
            i {
                display: block;
                margin: 19/46.9rem auto 12/46.9rem ;
            }
            &:nth-child(1) {
                a {
                    i {
                        width: 40/46.9rem;
                        height: 40/46.9rem;
//                      background: url("../image/hq_icon.png") no-repeat center/cover;
                    }
                }
            }
            &:nth-child(2) {
                a {
                    i {
                        width: 40/46.9rem;
                        height: 40/46.9rem;
//                      background: url("../image/fxs_icon.png") no-repeat center/cover;
                    }
                }
            }
            &:nth-child(3) {
                a {
                    i {
                        width: 38/46.9rem;
                        height: 42/46.9rem;
//                      background: url("../image/news_icon.png") no-repeat center/cover;
                    }
                }
            }
            &:nth-child(4) {
                a {
                    i {
                        width: 41/46.9rem;
                        height: 40/46.9rem;
//                      background: url("../image/me_icon.png") no-repeat center/cover;
                    }
                }
            }
            &:nth-child(5) {
                a {
                    i {
                        width: 41/46.9rem;
                        height: 40/46.9rem;
//                      background: url("../image/me_icon.png") no-repeat center/cover;
                    }
                }
            }
        }
    }
}
.l_mask {
    position: fixed;   
    top: 0;   
    right: 0;   
    bottom: 0;   
    left: 0;  
    z-index: 1;   
    background-color: rgba(0,0,0,.4); 
    display: none;   
}
.l_tips {
    width: 430/46.9rem;
    height: 90/46.9rem;
    background-color: rgba(58,73,88,0.9);
    color: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    text-align: center;
    line-height: 90/46.9rem;
    border-radius: 14/46.9rem;
    font-size:28/46.9rem;
    display: none; 
}